import axios from 'axios'
import store from '@/store'
import { ElMessage } from 'element-plus'
import 'element-plus/es/components/message/style/css'
import { isCheckTimeout } from "@/utils/auth";

const service = axios.create({
    baseURL: process.env.VUE_APP_BASE_API,
    timeout: 5000
})

//请求拦截器
service.interceptors.request.use(config => {
    // 添加token
    if (store.getters.token) {
        if (isCheckTimeout()) {
            // 过期退出操作
            store.dispatch('user/logout')
            // 如果使用了mock 那么axios就不走了，更别提ElMessage提示了
            return Promise.reject(new Error('token 失效'))
        }
        // 如果token存在 注入token
        config.headers.Authorization = `Bearer ${store.getters.token}`
    }
        return config
    }, error => {
        return Promise.reject(error)
    }
)
//响应拦截器
service.interceptors.response.use(
    // 请求成功
    response => {
        const { success, message, data } = response.data
        // 需要判断当前请求是否成功
        if (success){
            // 成功返回解析后的数据
            return data
        } else {
            // 失败（请求成功，业务失败），消息提示
            ElMessage.error(message)
            return Promise.reject(new Error(message))
        }
    },
    // 请求失败
    error => {
        if (
            error.response &&
            error.response.data &&
            error.response.data.code === 401
        ) {
            // token超时
            store.dispatch('user/logout')
        }
        ElMessage.error(error.message)
        return Promise.reject(error)
    }
)

export default service
